﻿/*** RESET ***/
*{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}
img{border: 0;}
a {text-decoration: none;color: #ddd2c0;}
a:hover {color: #ddd2c0;text-decoration: underline;}
body{font-family: arial, sans-serif;font-size: 12px;line-height: 17px;background-color: #ffffff;color: #212121;}
ol, ul {list-style: none;}
:focus {outline: 0;}
a:active { outline: 0; }
.clearfloats {clear: both;}
.textarea { font-size: 11px; background-color: #e0ddd5; border: none; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;color: #545454; padding: 8px 12px 8px 12px;width: 305px;font-family: Arial, Sans-Serif;margin-top: 2px;resize: none;}
.textbox {margin-bottom: 6px;width: 150px;background-color: #e0ddd5;border: none;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;color: #545454;padding: 8px 12px 8px 12px;font-size: 11px;margin-top: 2px;}
.contactbutton {background-color: #e0ddd5; font-family: TrajanProBold, Sans-serif; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;cursor: pointer; border: none;color: #545454;padding: 4px 8px 4px 8px;text-transform: uppercase;font-size: 10px;margin-top: 6px;cursor: pointer;}
/*** END RESET ***/

/*** FONTS ***/
@font-face {
    font-family: 'TrajanProRegular';
    src: url('../fonts/trajanpro-regular-webfont-3.bin');
    src: url('../fonts/trajanpro-regular-webfont-4.bin') format('embedded-opentype'),
         url('../fonts/trajanpro-regular-webfont-1.woff') format('woff'),
         url('../fonts/trajanpro-regular-webfont-5.bin') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TrajanProBold';
    src: url('../fonts/trajanpro-bold-webfont-3.bin');
    src: url('../fonts/trajanpro-bold-webfont-4.bin') format('embedded-opentype'),
         url('../fonts/trajanpro-bold-webfont-1.woff') format('woff'),
         url('../fonts/trajanpro-bold-webfont-5.bin') format('truetype');
    font-weight: normal;
    font-style: normal;

}
/*** END FONTS ***/

/*** BASIC LAYOUT ***/
body
{
    background: #000 url("../images/background_image-1.jpg") no-repeat;
    background-position: top center;
}

#container
{
    width:100%;
    margin-bottom:60px;
}

#container_inner
{
    width:964px;
    margin: 0 auto;    
}

#language-choice
{
    font-size:10px;
    font-family:TrajanProRegular, Serif;
    color:#1F1F1F;
    float:right;
    margin-right:16px;
}

ul#language li {
    float:left; 
    display:block; 
    position:relative;
    z-index:1; 
}
         
#language li a {
    display:block; 
    padding:2px 24px 2px 10px;  
    text-decoration:none; 
    color:#1F1F1F; 
    text-align:left; 
    background-color: #C8BEAA;
    width:71px;
}
 
#language li a:hover {
    color:#fff;
}
     

#language a.selected {
    color:#1F1F1F;
    background: #C8BEAA 88px 9px url("../images/dropdownarrow-1.png") no-repeat;
}

#language a.selected:hover
{
    color:#1F1F1F;
}
     

#language ul {
    position:absolute; 
    left:0; 
    display:none; 
    padding:0; 
    list-style:none;
}
         
#language ul li {
    float:left; 
    border-top:1px solid #A09E9A;
}
   
#language ul a {
    display:block;  
    padding:2px 24px 2px 10px;
    color:#1F1F1F;
}
         
#language ul a:hover {
    text-decoration:none; 
}

#quicklinks
{
    font-family:TrajanProBold, Serif;
    font-size:12px;
    float:right;
    color:#fff;
    margin-right:16px;
    margin-top:32px;
}

#quicklinks a
{
    color:#fff;
    text-decoration:underline;
}

#quicklinks a:hover
{
    color:#E2E1DF;
    text-decoration:none;
}

#menu
{
    background: url("../images/menubackground-1.png") no-repeat;
    width:965px;
    height:193px;
}

ul.menu a
{
    color:#fff;
}

ul.menu a.active
{
    color:#CAB490;
}

ul.menu a:hover
{
    color:#CAB490;
    text-decoration:none;
}

ul.menu li
{
    float:left;
    margin-right:14px;
    font-size:16px;
    color:#fff;
    font-family:TrajanProRegular, Serif;
}

li.last
{
    margin:0;
}

ul.menu.left
{
    float:left;
    position:relative;
    top:90px;
    width:321px;
    padding-left:50px;
}

ul.menu.right
{
    float:right;
    position:relative;
    top:90px;
    width:337px;
    padding-left:30px;
}

img#logo
{
    float:left;
}
.reserveer
{
    float:right;
    margin-top:-10px;
    margin-right:78px;
}

.reserveer a
{
    display:block;
    padding:12px 22px 16px 25px;
    background-color:#fff;
    font-family:TrajanProBold, Serif;
    font-size:18px;
    color:#191919;
    width:109px;
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.7);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.7);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.7);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height:20px;
}

.reserveer a:hover
{
    text-decoration:none;
    background-color:#CAB490;
    color:#F3F2EF;
}

.reserveer.binnen
{
    float:right;
    margin-top:-10px;
    margin-right:41px;
}

.reserveer.binnen a
{
    display:block;
    padding:14px 19px 15px 19px;
    background-color:#fff;
    font-family:TrajanProBold, Serif;
    font-size:18px;
    color:#191919;
    width:222px;
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.7);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.7);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.7);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height:20px;
}

.reserveer a:hover
{
    text-decoration:none;
    background-color:#CAB490;
    color:#F3F2EF;
}


#eyecatchers
{
    margin-top:65px;
    margin-left:66px;
}

a.eyecatcher
{
    display:block;
    width:193px;
    height:136px;
    background: url("../images/eyecatcherbackground-1.png") no-repeat;
    padding-top:40px;
    padding-bottom:60px;
    margin-left:23px;
    float:left;
    position:relative;
}

a.eyecatcher.first
{
    margin:0;
}

a.eyecatcher:hover
{
    cursor:pointer;
    text-decoration:none;
}

.eyecatchertekst
{
    display:block;
    margin:0 auto;
    font-family:TrajanProBold, Serif;
    font-size:12px;
    color:#C8BEAA;  
    width:150px;   
    text-align:center; 
}

.eyecatchertitel
{
    display:block;
    margin:0 auto;
    font-family:TrajanProBold, Serif;
    font-size:17px;
    color:#F8F8F8;  
    width:193px;   
    text-align:center; 
    position:absolute;
    bottom:60px;
}

.footer
{
    width:880px;
    height:16px;
    background: url("../images/footerbackground-1.png") no-repeat;
    margin-top:180px;
    font-family:TrajanProBold, Serif;
    font-size:12px;
    color:#fff;
    padding-top:10px;
    padding-left:40px;
    padding-right:40px; 
    padding-bottom:12px;
    text-align:center;
}

.footer a
{
    font-family:TrajanProBold, Serif;
    font-size:12px;
    color:#fff;
}

.footer a:hover
{
    text-decoration:underline;
}

.footer.binnen
{
    margin-top:30px;
}

#stardekk
{
    margin-top:15px;
    text-align:center;
}

#stardekk a
{
    font-family:TrajanProBold, Serif;
    font-size:12px;
    color:#fff;
}

#sidebar
{
    float:left;
    margin-left:24px;
    width:268px;
}

#content
{
    margin-top:50px;
}

#main
{
    float:right;
    background: url("../images/mainbackground-1.png");
    padding:33px 36px 40px 39px;
    width:523px;
    margin-top:10px;
    margin-right:41px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#submenu_top
{
    background: url("../images/submenutop-1.png") no-repeat;
    width:270px;
    height:77px;
}

#submenu_content
{
    background: url("../images/submenubackground-1.png") repeat-y;
    padding-bottom:45px;
}

#submenu_bottom
{
    background: url("../images/submenubottom-1.png") no-repeat;
    width:272px;
    height:48px;
}

.pagetitle
{
    font-family:TrajanProBold, Serif;
    font-size:20px;
    color:#fff;
    display:block;
    width:270px;
    text-align:center;
    position:relative;
    top:43px;
}

#submenu_content ul a
{
    display:block;
    width:212px;
    margin:0 auto;
    border-bottom:1px solid #fff;
    text-align:center;
    padding-top:12px;
    padding-bottom:15px;
    font-family:TrajanProBold, Serif;
    font-size:14px;
    color:#C8BEAA;
}

#submenu_content ul a:hover
{
    text-decoration:none;
    color:#fff;
}

#submenu_content ul a.last
{
    border-bottom: none;
}

#submenu_content ul a.active
{
    color:#fff;
}

.article {
    padding-bottom: 25px;
}

.article h1
{
    font-family:TrajanProBold, Serif;
    font-size:22px;
    color:#fff;
    margin-bottom:17px;
}

.article h2
{
    font-family:Arial, Sans-Serif;
    font-size:12px;
    color:#C8BEAA;
    margin-bottom:21px;
}

.article img.grotefoto
{
    margin-bottom:17px;
}

.article .text
{
    font-family:Arial, Sans-Serif;
    font-size:12px;
    color:#fff;
    line-height:18px;
}

.article ul
{
    margin-top:5px;
    margin-bottom:5px;
    margin-left:10px;
}

.article ul li
{
    list-style-type:disc;
    margin-left:20px;
    color:#fff;
}

.article a
{
    color:#fff;
    text-decoration:underline;
}

.article a:hover
{
    text-decoration:none;
}

.gallery {
    margin-top: 15px;
}

.gallery .fotoviewer {
    padding-right: 3px;
}

#code
{
    vertical-align:middle;
}

#code-input
{
    margin-top:5px;
}

#map {height: 400px; width: 520px;}

#gmapsinfo {
    color: #2e2e2e;
    font-size: 12px;
    line-height: 19px;
}

#gmapsinfo a {
    color: #2e2e2e;
}

.bericht  {border-top: 1px dotted; margin-top: 15px;}
    
.bericht h3 {padding-top: 10px;}

.firstbericht {border-top: 0; margin-top: 0;}

#paging {color: #DDD2C0; float: left;}

.guestbooktitle {float: left;}
a.guestbooksign {float: right; font-size: 14px; color: #DDD2C0; padding-top: 4px;}